<!--
  Generated template for the AchievePage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>我的成就</ion-title>

  </ion-navbar>

</ion-header>

<ion-content text-center>
    <div class="img-award">
    <img src="assets/img/trophy.png">
    </div>
  <ion-card>
    <ion-card-header>
      今日成就
    </ion-card-header>
    <ion-card-content>
      <h2>做对{{userInfo?.today?.rightItemCount}}道题</h2>
      <h2>做错{{userInfo?.today?.wrongItemCount}}道题</h2>
      <h2>共计{{userInfo?.today?.rightItemCount+userInfo?.today?.wrongItemCount}}道题</h2>
      <h2>正确率：{{userInfo?.today?.rate}}%</h2>
    </ion-card-content>
  </ion-card>
  <ion-card>
    <ion-card-header>
      历史成就
    </ion-card-header>
    <ion-card-content>
      <h2>共打卡{{userInfo?.totalCheckIn.length}}天</h2>
      <h2>做对{{userInfo?.rightItemCount}}道题</h2>
      <h2>做错{{userInfo?.wrongItemCount}}道题</h2>
      <h2>共计{{userInfo?.rightItemCount+userInfo?.wrongItemCount}}道题</h2>
      <h2>正确率：{{userInfo?.rate}}%</h2>
      <button ion-button round outline (click)="share()">分享</button>
    </ion-card-content>
  </ion-card>
</ion-content>
